<template>
	<uni-header title="账号与安全"></uni-header>
	<view class="list">
		<view class="item" @click="editPassWord('修改登录密码')">
			<view class="">
				<image src="/static/lock.png" mode=""></image>
				<text>修改登录密码</text>
			</view>
			<image src="../../static/right.png" mode=""></image>
		</view>
		<view class="item" @click="editPassWord('修改支付密码')">
			<view class="">
				<image src="/static/enlock.png" mode=""></image>
				<text>修改支付密码</text>
			</view>
			<image src="../../static/right.png" mode=""></image>
		</view>
		<view class="item" @click="editNickName">
			<view class="">
				<image src="/static/nickname.png" mode=""></image>
				<text>修改昵称</text>
			</view>
			<image src="../../static/right.png" mode=""></image>
		</view>
		
	</view>
</template>

<script setup>
	const editPassWord = (title) =>{
		uni.navigateTo({
			url:"/pages/editPassWord/editPassWord?title="+title
		})
	}
	const editNickName = ()=>{
		uni.navigateTo({
			url:"/pages/editNickName/editNickName"
		})
	}
</script>

<style lang="scss" scoped>
	.list{
		width: 686rpx;
		display: block;
		margin: 0 auto;
		.item{
			width: 686rpx;
			height: 128rpx;
			display: flex;
			align-items: center;
			justify-content: space-between;
			border-bottom: 2rpx solid #F2F4FA;
			>image{
				width: 40rpx;
				height: 40rpx;
				display: block;
			}
			view{
				display: flex;
				align-items: center;
				image{
					display: block;
					width: 40rpx;
					height: 40rpx;
					margin-right: 32rpx;
				}
				text{
					display: block;
					color: #181D29;
					font-size: 32rpx;
				}
			}
		}
	}
</style>
